<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">


<title>- 个人资料</title>
<link rel="shortcut icon" href="favicon.ico">
<link href="css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
<link href="css/font-awesome.css?v=4.4.0" rel="stylesheet">
<link href="css/animate.css" rel="stylesheet">
<link href="css/style.css?v=4.1.0" rel="stylesheet">
<link href="../css/icons.css" rel="stylesheet">
<style type="text/css">
.iconbox {
	cursor: pointer;
	color: #999 !important;
	background: #FFFFFF !important;
	border: 1px solid #999;
	display: inline-block;
	height: 50px;
	width: 50px;
	margin-right: 20px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-moz-border-radius: 50%;
	background-clip: padding-box;
	color: #ffffff;
	text-align: center;
}

.iconbox i {
	line-height: 50px;
	font-size: 20px;
}

.col-sm-4 h6 {
	margin-left: 13px;
}

.ibox-content p {
	color: #333;
	font-size: 12px;
}

.link {
	width: 100%;
	height: 200px;
	margin-bottom: 20px;
	background-color: #fff;
	border: 1px solid #dee5e7;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.link1 {
	width: 100%;
	height: 250px;
	margin-bottom: 20px;
	background-color: #fff;
	border: 1px solid #dee5e7;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

ul {
	margin-top: 0px;
	margin-bottom: 10px;
	-webkit-padding-start: 10px;
	line-height: 1.8;
	padding-left: 25px;
}

.contact-card .member-info {
	padding-left: 100px;
	padding-bottom: 20px;
}

.contact-card1 .member-info {
	padding-left: 10px;
	padding-bottom: 10px;
}

.list-inline {
	padding-left: 0px;
	margin-left: -5px;
	list-style: none;
}

.glyphicon {
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: "Glyphicons Halflings";
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.contact-card .member-info h4, .contact-card .member-info p {
	display: block;
	width: 100%;
}

.checkbox, .radio {
	position: relative;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
}

.checkbox-inline, .radio-inline {
	position: relative;
	display: inline-block;
	padding-left: 20px;
	font-weight: 400;
	vertical-align: middle;
	cursor: pointer;
}

a {
	color: #505458;
}
</style>

<link rel="stylesheet"
	href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
	
<!-- 引用Vue -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<!-- 引入组件库 -->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<script type="text/javascript" src="../../js/axios.js"></script>
<script type="text/javascript" src="../../js/qs.js"></script>
<script type="text/javascript" src="js/jquery-3.1.0.js"></script>

</head>

<body class="gray-bg">
	<div class="wrapper wrapper-content" >
		<el-form :model="anniForm" :rules="rules" ref="anniForm">
		<div class="row animated fadeInRight">
			<div class="col-sm-4" style="width: 23%">
				<div class="ibox float-e-margins">
					<div class="ibox-title">
						<h5>个人资料</h5>
					</div>
					<div>
						<div class="ibox-content no-padding border-left-right" style="text-align: center;">

							<img alt="image" class="img-responsive" src="${cu.cus_img }" style="width: 150px;height:150px">
						</div>
						<div class="ibox-content profile-content" id = "app">
							<p>
								<span><i class="fa fa-info"></i>&nbsp;基本信息</span>
							</p>
							<p>客户姓名：${cu.cus_name}</p>
							<p>种类：${cu.type}</p>
							<p>企业名称：${cu.cus_company}</p>
							<p>创建时间：${cu.cus_credate}</p>
							<p>创建者：${cu.use_name}</p>
							<p>状态：${cu.status}</p>
							<br>
							<p>
								<i class="fa fa-star"></i>&nbsp;三定一节点
							</p>
							
							<div class="row m-t-lg">
								<div class="col-sm-4">
								
									<div class="iconbox bg-lightgary m-0">
									
										
										<i class="fa fa-thumbs-up" @click="centerDialogVisible = true" >
										
										</i>
										<h6>定性</h6>
										<el-dialog title="" :visible.sync="centerDialogVisible" :modal-append-to-body="false"
										width="500px" height="455px" center> <iframe src="/three" height="455px"
										width="100%" frameborder="0"  scrolling="no"
										></iframe>
									</el-dialog>
										
									</div>
									
									
								</div>
								<div class="col-sm-4">
									<div class="iconbox bg-lightgary m-0">
										<i class="fa fa-smile-o"></i>
									</div>
									<h6>定级</h6>
								</div>
								<div class="col-sm-4">
									<div class="iconbox bg-lightgary m-0">
										<i class="fa fa-bar-chart-o"></i>
									</div>
									<h6>定量</h6>
								</div>
							</div>
							
						</div>
					</div>
					
				</div>
				<!-- 联系人 start-->
				<div class="link">
					<div class="card-box-head">
						<div class="contact-action display-all pull-right">
							<div class="radio radio-inline">
								<input name="radioInline" id="inlineRadio1"
									onclick="$('#contact_show1').show(200);$('#contact_show2').hide();"
									type="radio" checked="" value="option1";=""> <label
									for="inlineRadio1"><i class="fa fa-users"></i></label>
							</div>
							<div class="radio radio-inline">
								<input name="radioInline" id="inlineRadio2"
									onclick="$('#contact_show2').show(200);$('#contact_show1').hide();"
									type="radio" value="option1";=""> <label
									for="inlineRadio2"><i class="fa fa-sitemap"></i></label>
							</div>
						</div>
						<p style="padding: 10px 0 0 15px">
							<i class="fa fa-vcard"></i><span>联系人</span>
						</p>
					</div>

					<div class="contact-card" id="contact_show1">
						<a style="margin-left: 15px" class="pull-left text-center"
							href="javascript:gedit.show('contact',2513,'','34616f');"> <i
							class="fa fa-male fa-3x"></i><br> ${cu.lin_name}
						</a>
						<div class="member-info font-weg">
							<p>
								手机：<span>${cu.lin_phone}</span>
							</p>
							<p>
								电话：<span>${cu.lin_home_phone }</span>
							</p>
							<p>
								邮箱：<span>${cu.lin_email}</span>
							</p>
							<p>
								微信：<span>${cu.lin_we_chat}</span>
							</p>
						</div>
						<div class="clearfix"></div>
						<div class="font-weg">
							<p></p>
						</div>
					</div>
				</div>

				<!-- 联系人 end-->
				
				<!--客户信息 start-->
				<div class="link1">
					<div class="card-box-head">
						<div class="contact-action display-all pull-right">
							<!--<div class="radio radio-inline">
								<input name="radioInline" id="inlineRadio1"
									onclick="$('#contact_show1').show(200);$('#contact_show2').hide();"
									type="radio" checked="" value="option1";=""> <label
									for="inlineRadio1"><i class="fa fa-users"></i></label>
							</div>
							<div class="radio radio-inline">
								<input name="radioInline" id="inlineRadio2"
									onclick="$('#contact_show2').show(200);$('#contact_show1').hide();"
									type="radio" value="option1";=""> <label
									for="inlineRadio2"><i class="fa fa-sitemap"></i></label>
							</div>-->
						</div>
						<p style="padding: 10px 0 0 15px">
							<i class="fa fa-vcard"></i><span>客户记录</span>
						</p>
					</div>

					<div class="contact-card1" id="contact_show1">
						<div class="member-info font-weg" style="margin-left: 10px;">
							<p>
								<a  href="/getAnniversarylsl"><span>纪&nbsp;&nbsp;念&nbsp;&nbsp;日：${jilu.annCountView}次</span></a>
								&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;||&nbsp;&nbsp;&nbsp;&nbsp;
								<a  href="/getCarety"><span>关&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;怀：${jilu.careCountView}次</span></a>
							</p>
							<p>
								<a  href="/getJihuiwcx"><span>销售机会：${jilu.oppCountView}次</span></a>
								&nbsp;&nbsp;&nbsp;&nbsp;||&nbsp;&nbsp;&nbsp;&nbsp;
								<a  href="/getXuqiuwcx"><span>客户需求：${jilu.demandCountView}次</span></a>
							</p>
							<p>
								<a  href="/getFanganwcx"><span>解决方案：${jilu.suloCountView}次</span></a>
								&nbsp;&nbsp;&nbsp;&nbsp;||&nbsp;&nbsp;&nbsp;&nbsp;
								<a  href="/getDuiShouwcx"><span>竞争对手：${jilu.compeCountView}次</span></a>
							</p>
							<p>
								<a  href="/getBaojiawcx"><span>商务谈判：${jilu.offerCountView}次</span></a>
								&nbsp;&nbsp;&nbsp;&nbsp;||&nbsp;&nbsp;&nbsp;&nbsp;
								<a  href="/getOrdergx"><span>客户订单：${jilu.orderCountView}次</span></a>
								
							</p>
							<p>
								<a  href="/getBackgx"><span>退&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;货：${jilu.backCountView}次</span></a>
								&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;||&nbsp;&nbsp;&nbsp;&nbsp;
								<a  href="/getServicety?cusid=${cu.cus_id}"><span>服&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;务：${jilu.serviceCountView}次</span></a>
							</p>
							<p>
								<a  href="getTousuty?cusid=${cu.cus_id}"><span>投&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;诉：${jilu.tousuCountView}次</span></a>
								&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;||&nbsp;&nbsp;&nbsp;&nbsp;
								<a  href="/getWeixiuty"><span>维&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;修：${jilu.weixiuCountView}次</span></a>
						
							</p>
						</div>
					</div>
				</div>
				<!--客户信息 end-->
				
			</div>
			<div class="col-sm-8" style="width: 76%" >

				<div class="ibox float-e-margins">
					<div class="ibox-title">
						<h5>最新动态</h5>
						<div class="ibox-tools">
							<a class="collapse-link"> <i class="fa fa-chevron-up"></i>
							</a> <a class="dropdown-toggle" data-toggle="dropdown"
								href="profile.html#"> <i class="fa fa-wrench"></i>
							</a>
							<ul class="dropdown-menu dropdown-user">
								<li><a href="profile.html#">选项1</a></li>
								<li><a href="profile.html#">选项2</a></li>
							</ul>
							<a class="close-link"> <i class="fa fa-times"></i>
							</a>
						</div>
					</div>
					<div class="ibox-content">

						<div>
						
							<iframe src="/time" width="100%"
										frameborder="0"
										onload="this.height=this.contentWindow.document.body.scrollHeight,this.width = 
this.contentWindow.document.body.scrollWidth">
									</iframe>
						
						</div>
					</div>
				</div>
			</div>
		</div>
		</el-form>
	</div>
</body>
<script>
		var vm = new Vue({
			el: "#app",
			data(){
				return{
					centerDialogVisible: false,
				anniForm:{
					
				}
				}
			},
			methods:{
					
						
			},
			 mounted() {
		    	 var dic=${dictionaryitem};
		    	  var mas=${mansitem};
		    	  this.anniForm.restaurants = mas;
					console.log(mas);
			}	 
		})
	</script>

</html>
